<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<title>
		thinkTodo任务清单		
		<?php 
		echo $title;
		?>			
	</title>
 

<link href="/libs/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/_assets/css/fonts.css">

    <link rel="stylesheet" href="/libs/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="/libs/jquery/jquery-1.11.3.min.js"></script>
    <script src="/libs/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>


    <link rel="stylesheet" href="/_assets/css/base.css">
    <link rel="stylesheet" href="/_assets/css/home_with_bs.css">
 <!--   <link rel="stylesheet" href="/_assets/css/task_with_bs.css"> -->
    <link rel="stylesheet" href="/_assets/css/style_tags.css">
<style>
	@media screen and (min-width:900px)
	{
		.wrapper#container{width: 672px;    padding: 20px 20px 20px 30px;}
	}
	@media screen and (min-width:600px) and (max-width:900px)
	{
		.wrapper#container{width: 90%;    padding: 20px 20px 20px 30px;}
	}
	@media screen and (max-width:600px)
	{
		.wrapper#container{width:100%;    padding: 5px 5px 5px 5px;}
	
	}
.wrapper#container {
    background-color: #ffffff;
    border-style: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.logo-bar {
	font-size:40px;
    filter: none;
    height: 48px;
    border-bottom-width: 0;
    background-color: #b0d9bf;
}	
	.task{font-family:FangSong_GB2312;font-size:16px;margin:5px 0px;}
	.btn_for_toolbar{display:none;}
	.task_link>img {
		width: 16px;
		height: 16px;
		margin-bottom: 3px;
		margin-left: 2px;
		margin-right: 2px;
	}
	img.task_photo{
      max-width:100%;
	  display:block;
	  margin:auto;
    }
	.task_comment{display:block;}
	.task_comment textarea{border:0;width:100%;}
	.t0{font-family:SimSun;font-size:24px;font-weight: 600;text-align:center;}
	.t1{font-family:SimHei,"Microsoft YaHei",SimSun;font-size:18px;}
	.t2{font-family:KaiTi_GB2312,KaiTi;font-weight:700;font-size: 18px;}
	.t3{font-family:FangSong_GB2312,FangSong;font-weight:700;}
	.t4{}
	.t5{}
	


	
</style>

  <script type="text/javascript">
		  
function taskDom2text(taskDom,textDom) {
	$("#"+textDom).append($("#"+taskDom+">div.task"));
	$("#"+textDom+" i").remove(".fa");
	$("#"+textDom+" div.task").removeAttr("draggable").removeAttr("ondragstart").removeAttr("ondragover").removeAttr("ondrop").removeAttr("ondragenter").removeAttr("ondragleave").removeAttr("style");
	$("#"+textDom+" .task_comment").removeAttr("style");
	$("#"+textDom+" .task_comment").each(function(){
		$(this).html($(this).text());
	})
	$("#"+textDom+" div.task>a.expend_fold").remove();
	$("#"+textDom+" div.task>a.task_internal_link").remove();
	$("#"+textDom+">div.task").children(".task_title").addClass("t0");
	
	//给标题增加编号
	var arr_c_name = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十', '二十一', '二十二', '二十三', '二十四'];
	var arr_q_name = ['①','②','③','④','⑤','⑥','⑦','⑧','⑨','⑩','⑾','⑿','⒀','⒁','⒂','⒃','⒄','⒅','⒆','⒇'];
	$("#"+textDom+">div>div.task").each(function (index, node) {
//		console.log(arr_c_name[index]);
		$(this).children(".task_title").addClass("t1").text(arr_c_name[index] + "、" + $(this).children(".task_title").text());
		$(this).children("div.task").each(function (index, node) {
//			console.log("b"+index);
			$(this).children(".task_title").addClass("t2").text("（" + arr_c_name[index] + "）" + $(this).children(".task_title").text());
			$(this).children("div.task").each(function (index, node) {
				$(this).children(".task_title").addClass("t3").text((index+1).toString() + '.' + $(this).children(".task_title").text());
				$(this).children("div.task").each(function (index, node) {
					$(this).children(".task_title").addClass("t4").text('(' + (index + 1 ).toString() + ')' + $(this).children(".task_title").text());
					$(this).children("div.task").each(function (index, node) {
						$(this).children(".task_title").addClass("t5").text(arr_q_name[index] + "" + $(this).children(".task_title").text());
					//只设置五层的编号
					});
				});
			});
		});
	});
	
//	var content = $("#temp>div").html();
//	content = content.replace(/textarea/g, "p");
}
	  
$(document).ready(function() {
       taskDom2text('node','task-text'); }); //end of $(document).ready事件
	  
	  </script>
</head>
<body>
	<div class="logo-bar">
				<img src="/_assets/img/logo_50_80.png" style="height:100%;vertical-align:bottom">
                <a href="/" target="_blank" class="">thinktodo.cn</a>
     </div>
<div class="">
	
<h2 class="title" >
<?php 
//echo $title;
?>
</h2>
<div class="main_content">
	<div id="container" class="wrapper">
		<div id="task-text"></div>
		<div class="r">
			在<a href="http://thinktodo.cn"><span style="color:blue;">think</span><span style="color:red;">todo.cn</span></a>上创建		
		</div>
	</div>
</div>
</div>

<div id="node" style="">
	<?php 
echo $content;
?>
</div>
<div>
	<a href="
   <?php
   echo str_replace("doc","node",$_SERVER["REQUEST_URI"]);
   ?>
   ">显示成任务清单</a>
</div>

	<img id="2vma" style="display:none;position:fixed;z-index: 15;bottom: 20px;right: 130px;display: none;" width=135px height=135px src="http://qr.liantu.com/api.php?w=135&text=<?php  echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']);?> "/>   
<span style="float:right;">
<a href=http://www.2v.ma/index.php/linkapi onmouseover='$("#2vma").show();' onmouseout='$("#2vma").hide();' >本页二维码</a>
	


</body>
</html>